<template>
  <div id="counter">
      <router-link class="Sitem" v-for="e in counter" :to="e.url" :key="e.img" tag="div">
          <div class="sbox">
              <div>{{e.title}}</div>
              <div>{{e.desc}}</div>
          </div>
          <div :style="{'background-image': 'url('+ e.img +')'}"></div>
      </router-link>
  </div>
</template>
<script>
export default {
  data() {
    return {
      counter: [
        {
          title: "税前工资计算器",
          desc:"税前工资计算器通过输入月税前工资收入额,以及各项社会保险费；计算缴纳的应缴税款和税后工资",
          img: require("../assets/counter/shuiqian.png"),
          url: '/jsq/sqgz.html'
        },{
          title: "五险一金计算器",
          desc:" 社保公积金计算器通过输入基本工资、社保基数、住房公积金基数，得到社保各险种和住房公积金的详细缴纳比例和金额。",
          img: require("../assets/counter/wuxian.png"),
          url: '/guangzhoushi_shebao/'
        },{
          title: "劳务报酬个人所得税计算器",
          desc:"劳务报酬所得，是指个人从事设计、医疗、法律、咨询、翻译、审稿、影视、技术服务、经纪服务、代办服务以及其他劳务取",
          img: require("../assets/counter/laowu.png"),
          url: '/jsq/lwbc.html'
        },{
          title: "财产转让所得税计算器",
          desc:"是指个人转让有价证券、股权、建筑物、土地使用权、机器设备、车船以及其他财产取得的所得。",
          img: require("../assets/counter/caichan.png"),
          url: '/jsq/cczr.html'
        },{
          title: "稿酬所得税计算器",
          desc:"稿酬所得稿酬所得，是指个人因其作品以图书、报纸形式出版、发表而取得的所得。",
          img: require("../assets/counter/gaochou.png"),
          url: '/jsq/gcsd.html'
        },{
          title: "利息、股息、红利所得税计算器",
          desc:"利息、股息、红利所得，是指个人拥有债权、股权而取得的利息、股息、红利所得。",
          img: require("../assets/counter/lixi.png"),
          url: '/jsq/lxhl.html'
        },{
          title: "税后工资计算器",
          desc:"税后工资计算器通过输入月税后工资收入额,以及各项社会保险费；计算缴纳的应缴税款和税前工资。",
          img: require("../assets/counter/shuihou.png"),
          url: '/jsq/shgz.html'
        },{
          title: "年终奖计算器",
          desc:"年终奖个人所得税计算器，提供详细的年终奖个税计算过程，避免企业多给，员工却少拿。",
          img: require("../assets/counter/nianzhong.png"),
          url: '/jsq/nzj.html'
        },{
          title: "财产租聘计算器",
          desc:"财产租赁所得是指个人出租建筑物、土地使用权、机器设备、车船以及其他财产取得的所得",
          img: require("../assets/counter/caichanz.png"),
          url: '/jsq/cczl.html'
        },{
          title: "个人偶然所得税计算器",
          desc:"偶然所得税是对个人得奖、中奖、中彩以及其他偶然性质的所得而征收的一种税。",
          img: require("../assets/counter/ouran.png"),
          url: '/jsq/orsd.html'
        },{
          title: "特许权使用费所得税计算器",
          desc:"特许权使用费所得，是指个人提供专利权、商标权、著作权、非专利技术以及其他特许权的使用权取得的所得。",
          img: require("../assets/counter/tequan.png"),
          url: '/jsq/txq.html'
        },{
          title: "个体工商户生产、经营所得税计算器",
          desc:"个体工商户的生产、经营所得，以每一纳税年度的收入总额，减除成本、费用、税金、损失、其他支出以及允许弥补的以前年度亏损后的余额，为应纳税所得额。",
          img: require("../assets/counter/geti.png"),
          url: '/jsq/gtgsh.html'
        }
      ]
    };
  },
  created() {
    this.$parent.tState = 1;
    this.$parent.fState = 1;
  },
  mounted() {
    this.$parent.updata();
  }
};
</script>
<style scoped>
#counter {
  padding-top: 0.04rem;
}
.Sitem {
  padding: 0.31rem 0.3rem 0.34rem;
  /* margin-bottom: 0.65rem; */
  overflow: hidden;
  clear: both;
  border-bottom: 0.01rem solid #ededed;
}
.sbox {
  display: inline-block;
  width: 5.2rem;
  height: 1.42rem;
  padding-top: 0.15rem;
}
.sbox > div:nth-child(1) {
  font-size: 0.32rem;
  color: #333;
  font-weight: bold;
}
.sbox > div:nth-child(2) {
  font-size: 0.28rem;
  height: 0.67rem;
  color: #999;
  line-height: 0.36rem;
  margin-top: 0.15rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.Sitem > :nth-child(2) {
  float: right;
  width: 1.42rem;
  height: 1.42rem;
  /* background-color: #999; */
  background-size: cover;
  background-position: center center;
}
</style>
